<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Ejercicio1</title>
	<script type="text/javascript">

	function usarAjax() {
		var xmlhttp = new XMLHttpRequest();

		var nombre = document.getElementById("caja").value;

		xmlhttp.open("GET","form1.php?nombre="+nombre,true);
		xmlhttp.send();

		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState==4 && xmlhttp.status==200) {
				document.getElementById("c2").innerHTML = xmlhttp.responseText;
			}
		}

	}

	</script>
</head>
<body>

	<h1>SALUDADOR</h1>

	Introduce tu nombre
	<input type="text" name="caja" id="caja">

	<div id="c2"></div>

	<input type="button" value="Saludar" onclick="usarAjax()">

	
</body>
</html>